<template>
  <div id="notWithdraw">
    <c-title :hide="false" text="不可提现金额"> </c-title>
    <div class="main">
      <div class="list" v-for="(item, index) in listData" :key="index">
        <div class="top">
          <div class="title" v-if="item.goods">{{ item.goods.title }}</div>
          <div class="price">￥{{ item.money }}</div>
        </div>
        <div class="bottom">{{ item.created_at }}</div>
      </div>
    </div>
  </div>
</template>
<script>
import { scrollMixin } from "utils/mixin";
export default {
  mixins: [scrollMixin], //加载更多
  data() {
    return {
      listData: [],

      isLoadMore: true,
      page: 1,
      total_page: 0,
    };
  },
  activated() {
    this.getData();
  },
  methods: {
    getData() {
      $http
        .post(
          "plugin.auction.api.prepayment.withdraw.can-not-withdraw",
          {},
          "加载中"
        )
        .then(
          (response) => {
            if (response.result === 1) {
              console.log(response.data);
              this.listData = response.data.list;
              this.isLoadMore = true;
              this.total_page = response.data.last_page;
            } else {
              this.$dialog.alert({ message: response.msg });
            }
          },
          function (response) {
            // error callback
          }
        );
    },
  },
};
</script>
<style lang="scss" scoped>
.main {
  margin: 0 0.625rem;
  background: #f2f2f2;
  padding-top: 0.625rem;

  .list {
    background: #fff;
    border-radius: 0.3125rem;
    padding: 0.9375rem 0.8438rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 0.625rem;

    .bottom {
      font-size: 0.6875rem;
      color: #696969;
      text-align: left;
      margin-top: 0.625rem;
    }

    .top {
      .title {
        font-size: 0.8125rem;
        color: #2b2b2b;
        flex: 1;
        text-align: left;
      }

      .price {
        flex-shrink: 0;
        color: #f14e4e;
        font-size: 0.8125rem;
      }

      display: flex;
      flex: 1;
      justify-content: space-between;
    }
  }
}
</style>
